/**
 * Created by Administrator on 2017/3/14.
 */
var Breadcrumb = require('../../../src/libs/breadcrumb');

var Root = React.createClass({
    addAccount:function(){
        this.refs.layer1.layerOpen();
    },
    updateResult:function(v){
        var _container = this.refs.content;
        var _innerHtml;
        if(v.orderType){
            _innerHtml = (
                <div>
                    <h1><i class="iconfont icon-success"></i> 订单提交成功，请稍后查看投资记录</h1>
                    <div class="detail">
                        <h2>{v.ProjectName}</h2>
                        <ul class="clearfix">
                            <li class="">投标金额</li>
                            <li>预期收益</li>
                            <li>还款时间</li>
                            <li>{v.OrderAmount + "元"}</li>
                            <li><span class="fc-main"><strong>{v.InterestAmount}</strong></span> 元</li>
                            <li>{v.RepayBegin}</li>
                        </ul>
                    </div>
                    <div class="button">
                        您现在可以<a href="账户中心/我的帐户.html" class="btn btn-confirm">进入账户中心</a><a href="index.html" class="btn btn-cancel">返回首页</a>
                    </div>
                    <div class="fc-light tips">如需查看更多投标信息，请进入您的账户中心查看！</div>
                </div>
            )
        }else{
            _innerHtml = (
                <div>
                    <h1 class="fc-main"><i class="iconfont icon-failure"></i> 抱歉，订单支付不成功</h1>
                    <div class="tips-failure">{v.ErrorTips}</div>
                    <div class="button"><a href={PageDM.URL.retry} class="btn btn-cancel">返回重试</a></div>
                </div>
            )
        }
        _container.innerHTML = _innerHtml.innerHTML;
    },
    componentDidMount: function(){
        UEventHub.emit("pageLoad","hello world!");
    },
    render: function () {
        var _this = this;
        var PageDM = window.PageDM;
        //支付结果
        UEventHub.on(PageDM.resultDate.dmbind + UI_EVENT_CONST.SET_UDM_VALUE_EVENT, function(v){
            _this.updateResult(v);
        });
        return (
            <div>
                <div className="header">
                    <div className="top-bar fc-light">
                        <div className="container">
                            <span>服务热线：0816-2373017</span>
                            <span>服务时间：工作日 9:00-18:00</span>
                        <span className="nav-right">
                            <a href="登录.html">登录</a>
                            <a href="注册.html">注册</a>
                            <a href="../帮助中心/平台介绍.html">帮助中心</a>
                            <a href="../index.html">返回绵阳商业银行</a>
                        </span>
                        </div>
                    </div>
                    <div className="header-nav">
                        <div className="container">
                            <div className="logo f-left">
                                <a href="../index.html">
                                    <img src="../images/logo.jpg" alt=""/>
                                </a>
                                <a href="../index.html">
                                    <img src="../images/logoe.jpg" alt=""/>
                                </a>
                            </div>
                            <div className="nav f-right">
                                <ul className="clearfix">
                                    <li><a href="../index.html">首页</a></li>
                                    <li><a href="../我要投资.html">我要投资</a></li>
                                    <li><a href="../我要借款.html">我要借款</a></li>
                                    <li><a href="../账户中心/我的账户.html">我的账户</a></li>
                                </ul>
                            </div>
                            <div className="clear"></div>
                        </div>
                        <div className="shadow"></div>
                    </div>
                </div>

                <div className="container">
                    <Breadcrumb	separator='>' >
                        <Breadcrumb.Item href={PageDM.URL.home}>首页</Breadcrumb.Item>
                        <Breadcrumb.Item href={PageDM.URL.invest}>我要投资</Breadcrumb.Item>
                        <Breadcrumb.Item>支付结果</Breadcrumb.Item>
                    </Breadcrumb>

                    <div class="pay-result">
                        <div class="line"></div>
                        <div class="content" ref="content">

                        </div>
                    </div>
                </div>

                <div className="footer">
                    <div className="container">
                        <div className="footer-logo f-left">
                            <p className="logo-foot"><img src="../images/foot-logo.png" alt=""/></p>
                            <p className="txt">
                                2005－2013 绵阳市商业银行股份有限公司
                                <a href="http://www.miitbeian.gov.cn" target="_blank">粤ICP备11013283123号</a>
                            </p>
                        </div>
                        <div className="footer-nav f-right">
                            <div className="col">
                                <h3>关于我们</h3>
                                <ul>
                                    <li><a href="../帮助中心/平台介绍.html">平台介绍</a></li>
                                    <li><a href="../帮助中心/名词解释.html">名词解释</a></li>
                                    <li><a href="../帮助中心/联系我们.html">联系我们</a></li>
                                    <li><a href="../帮助中心/服务协议.html">服务协议</a></li>
                                </ul>
                            </div>
                            <div className="col">
                                <h3>安全保障</h3>
                                <ul>
                                    <li><a href="../帮助中心/安全保障.html">项目安全</a></li>
                                    <li><a href="../帮助中心/安全保障.html">资金安全</a></li>
                                    <li><a href="../帮助中心/安全保障.html">信息安全</a></li>
                                    <li><a href="../帮助中心/安全保障.html">账户安全</a></li>
                                </ul>
                            </div>
                            <div className="col">
                                <h3>帮助中心</h3>
                                <ul>
                                    <li><a href="../帮助中心/投资操作指引.html">投资指引</a></li>
                                    <li><a href="../帮助中心/融资操作指引.html">融资指引</a></li>
                                    <li><a href="../帮助中心/平台公告.html">平台公告</a></li>
                                    <li><a href="javascript:;">常见问题</a></li>
                                </ul>
                            </div>
                            <div className="col col-service">
                                <p>客服专线<br/>0816-2373017</p>
                                <p>服务时间<br/>工作日9:00 - 18:00</p>
                            </div>
                        </div>
                        <div className="clear"></div>
                    </div>
                </div>
            </div>
        )
    }
});
ReactDOM.render(<Root/>, document.getElementById('main'));